<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../layui/jquery-3.2.1.min.js"></script>
    <script src="../layui/layui.js"></script>
    <link href="../layui/css/layui.css" rel="stylesheet">
    <script src="js/stock.js"></script>
    <link href="css/stock.css"  rel="stylesheet">
</head>
<body>
<h1 style="margin-left: 45%" >库存一览</h1>

<!--库存信息列表-->
<div>
    <table class="layui-table">
        <thead><tr><th>商品名称</th><th>类别</th><th>厂家</th><th>库存数量</th><th>操作</th></tr></thead>
        <tbody id="stockData">
        <tr><td>商品A</td><td>类别A</td><td>厂家A</td><td>60</td><td><a class="layui-btn layui-btn-normal"href="javascript:showProductInfo()">商品详细信息</a><a class="layui-btn layui-btn-warm" href="javascript:updatePrice()">修改销售价</a></td>
        <tr><td>商品B</td><td>类别A</td><td>厂家A</td><td>66</td><td><a class="layui-btn layui-btn-normal">商品详细信息</a><a class="layui-btn layui-btn-warm">修改销售价</a></td>
        <tr><td>商品C</td><td>类别B</td><td>厂家B</td><td>188</td><td><a class="layui-btn layui-btn-normal">商品详细信息</a><a class="layui-btn layui-btn-warm">修改销售价</a></td>
        </tbody>
    </table>
    <div id="cutPageDiv"></div>
</div>


<!--查询库存信息-->
<div id="select">
    <div id="info">查询库存信息</div>
    <div style="width: 280px;height: 200px; ">
        <form  class="layui-form" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">商品名称</label>
                <div class="layui-input-block">
                    <input type="text" name="name" id="name" required  lay-verify="required" placeholder="请输入供应商" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">起始数量</label>
                <div class="layui-input-block">
                    <input type="text" name="startNum" id="startNum" required  lay-verify="required" placeholder="请输入起始日期" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">类别</label>
                <div class="layui-input-block">
                    <select name="type" id="type" lay-verify="required">
                        <option value=""></option>
                        <option value="0">类别1</option>
                        <option value="1">类别2</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">结束数量</label>
                <div class="layui-input-block">
                    <input type="text" name="endNum" id="endNum" required  lay-verify="required" placeholder="请输入起始日期" autocomplete="off" class="layui-input">
                </div>
            </div>
            <a href="#" class="layui-btn layui-btn-normal"style="margin-top: 5px;margin-left: 35px">
                <i class="layui-icon layui-icon-search" ></i>查询
            </a>
        </form>
    </div>
</div>

    <!--商品详细信息弹出层-->
    <div id="productInfoDiv" style="display: none">
        <h1 style="margin-left: 35%" >商品信息详情</h1>

        <form class="baseInfo" >
            <div class="base"><span class="layui-text">商品编号</span><span class="value">001</span></div>
            <div class="base"><span class="layui-text" >商品名称</span><span class="value">iphone</span></div>
            <div class="base"><span class="layui-text">厂家</span><span class="value">apple</span></div>
            <div class="base"><span class="layui-text">类别</span><span class="value">手机</span><span class="layui-text" style="margin-left: 200px">库存数量</span><span class="value">3000</span></div>
            <div class="base"><span class="layui-text">建议采购价</span><span class="value">5600</span><span class="layui-text"style="margin-left: 140px">建议销售价</span><span class="value">8000</span></div>
            <input type="button" style="margin-left: 215px;margin-top: 30px" class="layui-btn layui-btn-lg" value="确定" onclick="layer.closeAll()">
        </form>
    </div>

    <!--修改商品销售价格弹出层-->
    <div id="updatePriceDiv" style="display: none">
        <h1 style="margin-left: 37%" >修改商品销售价</h1>

        <form class="baseInfo">
            <div class="base"><span class="layui-text">商品编号</span><span></span></div>
            <div class="base"><span class="layui-text">商品名称</span><span></span></div>
            <div class="base"><span class="layui-text">厂家</span><span></span></div>
            <div class="base"><span class="layui-text">类别</span><span></span><span  class="layui-text" style="margin-left: 200px">库存数量</span><span></span></div>
            <div class="base"><span class="layui-text">建议采购价</span><span></span><span class="layui-text" style="margin-left: 140px">建议销售价</span><input type="text"  ></div>
            <input type="button" style="margin-left: 215px;margin-top: 30px"class="layui-btn layui-btn-warm" value="修改" onclick="layer.closeAll()">
        </form>
    </div>

</body>
</html>